<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>资讯详情</title>
		<link rel="stylesheet" type="text/css" href="css/common/common.css" />
		<link rel="stylesheet" type="text/css" href="css/details.css" />
		<!-- <link rel="stylesheet" type="text/css" href="css/common/mui.min.css"/> -->
		<script src="js/common/r.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<style type="text/css">
		body {
			background: #f4f4f4;
		}
	</style>
	<body>
		<!--top-->
		<header>
			<div id="goBack"><img src="images/icon_back.png"></div>

			详情
			<div id="collect"><img src="images/collect.png"></div>
			<div id="enjoy"><img src="images/enjoy.png"></div>
		</header>
		<!--top-->
		<!--下拉刷新容器-->
		<div id="pullrefresh" class="mui-content mui-scroll-wrapper">
			<div class="mui-scroll">
				<!--上部-->
				<div id="InformContBox" class="post-top-wrap">
					<dl class="post-top">
						<dt class="post-top-title">中国出国后学习回国就业发展大？</dt>
						<dd class="post-top-time">
							<span>2016-09-10 19:09</span>
							<span class="inform-top-img">
								<img src="images/read.png" /> 768人浏览
							</span>
							<span class="post-top-label">#留学#</span>
						</dd>
					</dl>
					<div id="data-preview-banner"  class="inform-center-txt">
						中国欢迎出一个非常好的问题，我决定力全开如果说文案写两句煽情的话，或是巧妙运用了排之类的技巧，我认为那还称不上走心一定有个牛逼的洞察。洞察，这个词就很精妙。
						<img class="lazy" src="images/pic1.png" data-preview-src="images/pic1.png" data-preview-group="2">
						中国欢迎出一个非常好的问题，我决定力全开如果说文案写两句煽情的话，或是巧妙运用了排之类的技巧，我认为那还称不上走心一定有个牛逼的洞察。洞察，这个词就很精妙。
						<img class="lazy" src="images/pic2.png" data-preview-src="images/pic2.png" data-preview-group="2">
					</div>
					<p class="post-share"><span></span>我要分享<span></span></p>
					<ul id="informshare" class="post-share-wrap">
						<!-- <li>分享给朋友</li> -->
						<li class="post-share-weixin"><img src="images/weixin.png" /></li>
						<li class="post-share-Timeline"><img src="images/weixin-Timeline.png" /></li>
						<li class="post-share-weibo"><img src="images/weibo.png" /></li>
						<li class="post-share-Zone"><img src="images/qq-Zone.png" /></li>
						<li class="post-share-qq"><img src="images/qq.png" /></li>
					</ul>
				</div>
				<!--上部end-->
				<!--回复-->
				<div class="post-cont-wrap">
					<ul class="post-cont-nav">
						<li class="post-commentnum">共44条跟帖</li>
						<li class="post-zan"><span id="laudnum">68</span>个赞</li>
					</ul>
					<div id="InformReplyList" class="post-cont-list">
						<div class="post-cont">
							<ul class="post-cont-user">
								<li><img  class="imgto-individual" src="images/user_img.png"/></li>
								<li>
									<p class="nameto-individual">张鹏</p>
									<p class="p-mar-hei">09-15 19:16</p>
								</li>
								<li source_id="2" class="comment-btn">
									<img src="images/icon-groupcopy.png"/>
									<span>9</span>
								</li>
								<li class="praise-btn">
									<img src="images/icon_zan.png" data-value="0">
									<span>16</span>
								</li>
							</ul>
							<div class="mymargin">
								<li class="post-comments-txt" inform_reply_id="192" source_id="2" user_name="张鹏" user_id="1">我觉得这个学校很好！</li>
								<li class="post-comments-child-wrap">
									<!-- twocommentStr + -->
								</li>
							</div>
						</div>
						<!-- <div class="post-cont">
							<ul class="post-cont-user">
								<li><img  class="imgto-individual" src="images/user_img.png"/></li>
								<li>
									<p class="nameto-individual">张鹏</p>
									<p class="p-mar-hei">09-15 19:16</p>
								</li>
								<li source_id="2" class="comment-btn">
									<img src="images/icon-groupcopy.png"/>
									<span>9</span>
								</li>
								<li class="praise-btn">
									<img src="images/icon_zan.png" data-value="0">
									<span>16</span>
								</li>
							</ul>
							<div class="mymargin">
								<li class="post-comments-txt" inform_reply_id="192" source_id="2" user_name="张鹏" user_id="1">我觉得这个学校很好！</li>
								<li class="post-comments-child-wrap">
									twocommentStr +
								</li>
							</div>
						</div>
						<div class="post-cont">
							<ul class="post-cont-user">
								<li><img  class="imgto-individual" src="images/user_img.png"/></li>
								<li>
									<p class="nameto-individual">张鹏</p>
									<p class="p-mar-hei">09-15 19:16</p>
								</li>
								<li source_id="2" class="comment-btn">
									<img src="images/icon-groupcopy.png"/>
									<span>9</span>
								</li>
								<li class="praise-btn">
									<img src="images/icon_zan.png" data-value="0">
									<span>16</span>
								</li>
							</ul>
							<div class="mymargin">
								<li class="post-comments-txt" inform_reply_id="192" source_id="2" user_name="张鹏" user_id="1">我觉得这个学校很好！</li>
								<li class="post-comments-child-wrap">
									twocommentStr +
								</li>
							</div>
						</div> -->
					</div>
				</div>
				<!--回复END-->
				<dl id="notcom" class="not-comments" source_id="1">
					<dt><img src="images/icon_shafa.png"/></dt>
					<dd>还没有人评论，快来抢沙发</dd>
				</dl>
			</div>
		</div>
		<!--<div id="uploadStyle" class="post-center">正在加载...</div>

	<div  class="post-position"></div>-->
		<!--站位END-->
		<!-- 点赞 -->
		<div id="demo"></div>
		<div class="click_zan">
			<img src="images/zan.png">
		</div>
		<!--定位假输入框-->
		<ul id="post_input" class="post-input">
			<li class="btn-input" id="arouse_input" source_id="1">我也说一句...</li>
			<li id="btn_share" class="input-share">发送</li>
		</ul>
		<!-- <div id="guideBox" class="guide">
			<img src="images/details.png" />
		</div> -->
	</body>
	<script src="js/common/jquery-3.1.1.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/common/fnbase.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" src='js/common/jquery.lazyload.min.js'></script>
	<!-- <script src="js/common/mui.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/common/mui.zoom.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/common/mui.previewimage.js" type="text/javascript" charset="utf-8"></script> -->
    <script src="js/information.js" type="text/javascript" charset="utf-8"></script> 
	<script type="text/javascript">
	
	$("img.lazy").on("click",function(){
		var index = parseInt($(this).index());
		window.control.getImg(index)
	});
	//点赞ng
		$('.click_zan').on('click',function(){
			var zanNum = parseInt($('#laudnum').html()) + 1;
			$('#laudnum').html(zanNum);
		 	var x = 20;
		 	var y = 80;
		 	var num = Math.floor(Math.random()*3+1);
		 	var index = $('#demo').children('img').length;
		 	var rand = parseInt(Math.random()*(x-y+1)+y);
		 	$('#demo').append('<img src="images/'+num+'.png"/>');
		 	$('#demo img').animate({
		 		top:"1.3rem",
		 		opacity:0,
		 		right:rand,
		 	},1500)
		 });
		//评论点赞
		$('.praise-btn').on('click', function(event) {
			$(this).children('img').attr("src", "images/icon-zan-After.png");
			$(this).children('img').addClass('scaleMagnify');
			var dataVal = $(this).children('img').attr("data-value");
			if(dataVal==0){
				$(this).children('img').attr("data-value", "1");
				var zanNum = parseInt($(this).children('span').html()) + 1;
				$(this).children('span').html(zanNum);
			}else{
				fnBase.toast("您已经点赞了");
			}
			event.preventDefault();
		});
		/*mui.init({
			gestureConfig:{
   				tap: true, //默认为true
   				doubletap: true, //默认为false
   				longtap: true, //默认为false
   				swipe: true, //默认为true
   				drag: true, //默认为true
   				hold:false,//默认为false，不监听
   				release:false//默认为false，不监听
			},
			pullRefresh: {
				container: '#pullrefresh', //待刷新区域标识，querySelector能定位的css选择器均可，比如：id、.class等
				up: {
					height: 50, //可选.默认50.触发上拉加载拖动距离
					auto: true, //可选,默认false.自动上拉加载一次
					contentrefresh: "正在加载...", //可选，正在加载状态时，上拉加载控件上显示的标题内容
					contentnomore: '亲！没有更多了', //可选，请求完毕若没有更多数据时显示的提醒内容；
					callback: pullupRefresh //必选，刷新函数，根据具体业务来编写，比如通过ajax从服务器获取新数据；
				}
			}  
		});*/
		// var count = 0;
			/**
			 * 上拉加载具体业务实现
			 */
			/*function pullupRefresh() {
				setTimeout(function() {
					mui('#pullrefresh').pullRefresh().endPullupToRefresh((++count > 2)); //参数为true代表没有更多数据了。
					var table = document.body.querySelector('.mui-table-view');
					var cells = document.body.querySelectorAll('.mui-table-view-cell');
					for (var i = cells.length, len = i + 5; i < len; i++) {
						var li = document.createElement('li');
						li.className = 'mui-table-view-cell';
						li.innerHTML = '<a class="mui-navigate-right">Item ' + (i + 1) + '</a>';
						table.appendChild(li);
					}
				}, 1500);
			}*/
		// mui.previewImage();
	</script>
</html>
